<template>
  <j-modal title="报告信息" :width="800" :visible="visible" switchFullscreen @cancel="handleCancel" @ok="handleOk">
    <div class="box">
      <p><span>报告时间：</span>{{ 111 }}</p>
      <p><span>报告次数：</span>{{ 111 }}</p>
    </div>
    <a-tabs default-active-key="1" @change="onTabChange">
      <a-tab-pane key="1" tab="报告内容">
        <p>按照社区戒毒（康复）协议内容，对李××进行了尿液检测，结果为阴性，
          并对李××近期身体机能、戒毒信心、社会和家庭关系修复方面进行了详细了解，并指导防止复吸的注意事项。
          经了解，李××在近期身体机能有所改善，戒毒动机明确，信心增强，有改善社会与家庭关系的愿望和行动，在下一步的工作中继续关注。
        </p>
      </a-tab-pane>
    </a-tabs>
    <template slot="footer">
      <p style="text-align: left;">创建人：{{ 121212 }} <span style="margin-left:30px;">创建时间：{{ 222 }}</span> </p>
    </template>
  </j-modal>
</template>
<script>
export default {
  name: 'detailModal',
  data() {
    return {
      visible: false,
      form: {},
    }
  },
  async created() {
  },
  methods: {
    show() {
      this.visible = true
    },
    onTabChange() {

    },
    handleCancel() {
      this.visible = false
    },
    handleOk() {
      this.visible = false
    }
  },
}
</script>
<style lang="less" scoped>
.box {
  span {
    display: inline-block;
    width: 80px;
    text-align: left;
  }
}
</style>
